// 依赖(载入)jquery第三方模块。使用jquery下面的方法。
import "https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.js";

//渲染列表
//http://localhost/JS2106/taobao_project/php/alldata.php
function render() {
    // 第一种写法 - 1.7之后就改了
    // $.ajax({
    //     url: 'http://localhost/JS2106/taobao_project/php/alldata.php', //接口地址
    //     dataType: 'json', //设置数据类型
    //     success: function(data) {
    //         console.log(data);
    //     }
    // });

    // 第二种写法
    $.ajax({
        url: 'http://localhost/JS2106/taobao_project/php/alldata.php', //接口地址
        dataType: 'json' //设置数据类型
    }).done(function(data) { //then...catch....finally
        console.log(data);
        let arrdata = data;
        let str = '<ul>';
        $.each(arrdata, function(index, value) { //index:索引   value:值
            str += `
                <li>
                    <img src="${value.url}" alt="">
                    <p>${value.title}</p>
                    <span>${value.price}</span>
                    <span>${value.sailnumber}</span>
                </li>
            `;
        });
        str += '</ul>';
        $('.list').html(str);
    });

}

export {
    render,
}